@CHARSET "UTF-8";

#views {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.view {
  background: none repeat scroll 0% 0% #EAEAEA;
  height: 100%;
  position: absolute;
  width: 100%;
}

.leftView {
  left: 0px;
  top: 100%;
}

.rightView {
  left: 200%;
  top: 100%;
}

.topView {
  left: 100%;
  top: 0px;
}

.bottomView {
  left: 100%;
  top: 200%;
}

.centerView {
  left: 100%;
  top: 100%;
}

.sideBar {
  background: #8AA33E;
  cursor: pointer;
  position: absolute;
}

.sideBarDisabled {
  background: #A3A3A3;
  cursor: default;
}

.sideBarLeft {
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #AAACAF;
  border-right: 1px solid #AAACAF;
  border-top-right-radius: 5px;
  border-top: 1px solid #AAACAF;
  bottom: 22px;
  left: 0px;
  top: 22px;
  width: 22px;
}

.sideBarRight {
  border-bottom-left-radius: 5px;
  border-bottom: 1px solid #AAACAF;
  border-left: 1px solid #AAACAF;
  border-top-left-radius: 5px;
  border-top: 1px solid #AAACAF;
  bottom: 22px;
  right: 0px;
  top: 22px;
  width: 22px;
}

.sideBarLeft .sideBarTitleContainer,.sideBarRight .sideBarTitleContainer
  {
  display: inline-table;
  height: 100%;
  table-layout: fixed;
  vertical-align: middle;
  width: 22px;
}

.sideBarLeft .sideBarTitleInnerContainer,.sideBarRight .sideBarTitleInnerContainer
  {
  display: table-cell;
  vertical-align: middle;
}

.sideBarLeft .sideBarTitleInnerContainer {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

.sideBarRight .sideBarTitleInnerContainer {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.sideBarRight .sideBarTitle {
  margin-left: -100%;
}

.sideBarTop {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #AAACAF;
  border-left: 1px solid #AAACAF;
  border-right: 1px solid #AAACAF;
  height: 22px;
  left: 22px;
  right: 22px;
  top: 0px;
}

.sideBarBottom {
  border-left: 1px solid #AAACAF;
  border-right: 1px solid #AAACAF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #AAACAF;
  bottom: 0px;
  height: 22px;
  left: 22px;
  right: 22px;
}

.sideBarTop .sideBarTitleContainer,.sideBarBottom .sideBarTitleContainer
  {
  display: inline-table;
  height: 22px;
  table-layout: fixed;
  vertical-align: middle;
  width: 100%;
}

.sideBarTop .sideBarTitleInnerContainer,.sideBarBottom .sideBarTitleInnerContainer
  {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.sideBarTitleContainer {
  
}

.sideBarTitleInnerContainer {
  
}

.sideBarTitle {
  border: 0pt none;
  color: #FFFFFF;
  font-size: 15px;
  outline: 0pt none;
  text-shadow: 0pt 0pt 2px #000000;
  white-space: nowrap;
}

.viewContent {
  background: none repeat scroll 0% 0% #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #DDDDDD;
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}

.hasSideBarTop .viewContent {
  top: 26px;
}

.hasSideBarLeft .viewContent {
  left: 26px;
}

.hasSideBarRight .viewContent {
  right: 26px;
}

.hasSideBarBottom .viewContent {
  bottom: 26px;
}